<script lang="ts">
	import Test from '$lib/demo/test.svelte';
	import toast, { Toaster } from 'svelte-french-toast';

	function handleClick() {
		toast('Good Job!', {
			icon: '👏',
			style: 'border-radius: 200px; background: #333; color: #fff;',
			position: 'top-right',
			duration: 3000
		});
	}
</script>

<Toaster />

<button w-30 h20 bg-yellow on:click={handleClick}>Toast</button>
